<style lang="less" scoped>
  .user-page {
    width: 100%;
    height: 100%;
    .content {
      margin-left: 201px;
    }
  }
</style>

<template>
  <div class="user-page">
    <Top/>
    <Side/>
    <div class="content">
      <el-table :data="tableData" stripe border style="width: 100%">
        <el-table-column prop="name" width="" label="使用人" fixed></el-table-column>
        <el-table-column prop="nmPeople" width="" label="用车人数"></el-table-column>
        <el-table-column prop="phone" width="" label="联系电话"></el-table-column>
        <el-table-column prop="date" width="" label="用车时间">{{tableData[0].date.start}}-{{tableData[0].date.end}}</el-table-column>
        <el-table-column prop="nmCar" width="" label="用车数量"></el-table-column>
        <el-table-column prop="address" width="" label="用车路线"></el-table-column>
        <el-table-column fixed="right" label="操作">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      tableData: [{
        name: '高静学',
        nmPeople: 64,
        phone: '15104095398',
        date: '2017-11-11-11-11-11至2017-11-12-11-11-11',
        nmCar: '30座一辆，47座一辆',
        address: 'aaaaaaa'
      },
      {
        name: '高静学',
        nmPeople: 64,
        phone: '15104095398',
        date: '2017-11-11-11-11-11至2017-11-12-11-11-11',
        nmCar: '30座一辆，47座一辆',
        address: 'aaaaaaa'
      },
      {
        name: '高静学',
        nmPeople: 64,
        phone: '15104095398',
        date: '2017-11-11-11-11-11至2017-11-12-11-11-11',
        nmCar: '30座一辆，47座一辆',
        address: 'aaaaaaa'
      },
      {
        name: '高静学',
        nmPeople: 64,
        phone: '15104095398',
        date: '2017-11-11-11-11-11至2017-11-12-11-11-11',
        nmCar: '30座一辆，47座一辆',
        address: 'aaaaaaa'
      },
      {
        name: '高静学',
        nmPeople: 64,
        phone: '15104095398',
        date: '2017-11-11-11-11-11至2017-11-12-11-11-11',
        nmCar: '30座一辆，47座一辆',
        address: 'aaaaaaa'
      }]
    }
  },
  methods: {
    handleClick (row) {
      console.log(row)
    }
  }
}
</script>
